<template>
  <div>
    <div class="gl_contentBox" style="height:96px;margin-bottom:20px">
      <div class="navTop">
        <!-- <div class="left">
          <img class="photo" src="getStaticFileUrl()" alt="">
        </div> -->
        <div class="right">
          <p style="font-size:20px;margin-bottom:14px">{{ $route.query.name }}</p>
          <div>
            <span style="font-size:14px;color:rgba(0,0,0,0.75)">是否授课:
              <el-tag>
                {{ $route.query.canTeach?'已授课':'未授课' }}
              </el-tag>
            </span>
          </div>
        </div>
      </div>
    </div>
    <div class="gl_contentBox gl_heightFull">
      <el-tabs v-model="activeTab" class="gl_tabs" type="card">
        <el-tab-pane v-for="(item, index) in tabList" :key="index" :label="item.label" :name="item.name">
          <component :is="item.component" v-if="activeTab === item.name" />
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>

</template>

<script>
import course from './course.vue';
import record from './record.vue';
import archives from './archives.vue';
export default {
  data () {
    return {
      activeTab: 'course',
      storeId: '',
      tabList: [
        {
          label: '当前所授班级课程',
          name: 'course',
          productStatus: 'course',
          component: course
        },
        {
          label: '上课记录',
          name: 'record',
          productStatus: 'record',
          component: record
        },
        {
          label: '学员档案',
          name: 'archives',
          productStatus: 'archives',
          component: archives
        }
      ]
    };
  },
  methods: {
    tabClick() {}
  }
};
</script>

<style>

</style>
